<template>
  <div>
    <n-layout>
      <n-layout-header>
        <head-page></head-page>
      </n-layout-header>
      <n-layout has-sider>
        <n-layout-sider bordered>
          <side-page></side-page>
        </n-layout-sider>
        <n-layout-content>
          <n-notification-provider :max="3">
            <router-view></router-view>
          </n-notification-provider>
        </n-layout-content>
      </n-layout>
      <n-layout-footer>
        <foot-page></foot-page>
      </n-layout-footer>
    </n-layout>
  </div>
</template>

<script setup>
import { RouterView } from "vue-router";
import { NLayout, NLayoutContent, NLayoutFooter, NLayoutHeader, NLayoutSider, NNotificationProvider } from "naive-ui";
import FootPage from "./components/FootPage.vue";
import SidePage from "./components/SidePage.vue";
import HeadPage from "./components/HeadPage.vue";

</script>

<style>
</style>
